// import logo from './logo.svg';
import './App.css';
import React from 'react';
// import LifeTimes from './LifeTimes';
import Mouse from './Mouse';
import Hoc from './Hoc';
import Box from './Box'

class App extends React.Component {
  state = {
    num: 0
  }
  render() {
    return (
      <div>
        {/* <button onClick={() => {this.setState({num: 100})}}> 修改Props</button> */}
        {/* 生命周期函数 */}
        {/* <LifeTimes num={ this.state.num } /> */}
        {/* render Props */}
        {/* <Mouse>
          {
            mouse => <div>x坐标: {mouse.x} y坐标: {mouse.y}</div>
          }
        </Mouse> */}
        {/* <Mouse>
          {
            mouse => <div style={{ width: 100, height: 100,background: 'red', position: 'absolute', left:mouse.x,top:mouse.y}}></div>
          }
        </Mouse> */}
        {/* <Hoc /> */}
        <Box />
       </div>
    );
  }
}

export default App;
